<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>SIGEN - Sistema de Gerenciamento de Ensino Nacional</title>
<script type="text/javascript" src="tela/departamentoproponente/criarDepartamentoProponente.js"></script>
<link rel="stylesheet" type="text/css" href="tela/departamentoproponente/criarDepartamentoProponente.css"></link>
</head>
<body>

	<div class="ui-widget-content painel">

		<!-- FORMULARIO -->
		<div id="subtitulo">
			<h3 class="ui-widget-header">Institucionalização de Disciplinas</h3>
		</div>
		<div id="formWrapper" class="centered">
			<form id="cadastro" action="#" onSubmit="return false;" method="post"
				class="bbq">

				<fieldset class="step" id="dadosInstituicao">
					<legend>Dados do Proponente</legend>
					<ul class="controls">
						<li><label for="nome">Nome do proponente:</label><input
							type="text" name="nome" id="nome" class="field"
							style="width: 340px;" /></li>
						<li><label for="endereco">Endereco:</label><input
							type="text" name="endereco" id="endereco" class="field"
							style="width: 340px;" /></li>
						<li><label for="estado">Estado:</label><select
							name="estado[id]" id="estado" class="field"></select></li>
						<li><label for="municipio">Municipio:</label><select
							name="municipio[id]" id="municipio" class="field"></select></li>
						<li><label for="cep">CEP:</label><input type="text"
							name="cep" id="cep" class="field"></input></li>
						<li><label for="telefone">Telefone:</label><input type="text" name="telefone"
							id="telefone" class="field" /></li>
						<li><label for="telefone">Fax:</label><input type="text" name="telefone"
							id="telefone" class="field" /></li>
						<li><label for="emailDepartamento">Email da
								instituição:</label><input type="text" name="emailDepartamento"
							id="emailDepartamento" class="field" style="width: 340px;" /></li>
						<li><label for="sigla">Sigla:</label><input type="text"
							name="sigla" id="sigla" class="field"></input></li>
						<li><label for="site">Site:</label><input
							type="text" name="site" id="site" class="field"
							style="width: 340px;" /></li>
						<li><label for="ramoSegurancaPublica">Ramo da
								segurança pública:</label><select name="ramoSegurancaPublica[id]"
							id="ramoSegurancaPublica" class="field"></select></li>
						<li><label for="responsavelProponente">Responsável:</label>
							<input type="text" id="pessoaAutoResponsavel" name="responsavelProponente[nome]" class="field" style="width: 280px;">
                  			<input type="hidden" name="responsavelProponente[id]" id="pessoaAutoResponsavelHidden">
						</li>
<!-- 						<li><label for="dataPosseResponsavel">Data da posse:</label><input -->
<!-- 							type="text" name="dataPosseResponsavel" -->
<!-- 							id="dataPosseResponsavel" class="field"/><a href="#" onclick="calcularMesesPosse();" class="field">&nbsp;Calcular</a></li> -->
<!-- 						<li><label for="tempoUnidadeI">Tempo na unidade:</label><input -->
<!-- 							type="text" readonly="readonly" name="tempoUnidadeI" id="tempoUnidadeI" class="field" value="0" />&nbsp;meses&nbsp;&nbsp;</li> -->
					</ul>
				</fieldset>

				<fieldset class="step" id="dadosResponsavelSessao">
					<legend>Sessão de ensino</legend>
					<ul class="controls">
						<li><label for="sessaoEnsino">Nome da sessão de
								ensino:</label><input type="text" name="sessaoEnsino" id="sessaoEnsino"
							class="field" style="width: 340px;" /></li>
						<li><label for="emailSessao">Email da sessão de
								ensino:</label><input type="text" name="emailSessao" id="emailSessao"
							class="field" style="width: 340px;" /></li>
						<li><label for="telefoneSessao">Telefone(s) da
								sessão:</label><input type="text" name="telefoneSessao"
							id="telefoneSessao" class="field" /></li>
						<li><label for="faxSessao">Fax da sessão:</label><input
							type="text" name="faxSessao" id="faxSessao" class="field" /></li>
						<li><label for="responsavelSessao">Responsável pela
								instituição:</label>
							<input type="text" id="pessoaAutoSessao" name="responsavelSessao[nome]" class="field" style="width: 280px;">
                  			<input type="hidden" name="responsavelSessao[id]" id="pessoaAutoSessaoHidden">
						</li>
						<li><label for="responsavelSessaoGraduadoPedagogia">Responsável
								é graduado em pedagogia:</label><input type="checkbox"
							name="responsavelSessaoGraduadoPedagogia"
							id="responsavelSessaoGraduadoPedagogia" class="field" /></li>
					</ul>
				</fieldset>

				<div id="navigation">
					<input class="navigation_button " id="back" value="Voltar"
						type="reset" /> <input class="navigation_button " id="next"
						value="Próximo" type="submit" />
				</div>
			</form>
		</div>
	</div>

	<!-- MODAL POPUP -->
	<div id="modalPopup" title=" ">
		<span id="dialogMessage"></span>
	</div>

</body>
</html>

